.pg-tab {
  width: 500px;
  height: 500px;
  border: 1px solid black;
  -webkit-transition: opacity 0.1;
  -moz-transition: opacity 0.1;
  transition: opacity 0.1; }
  .pg-tab .pg-nav {
    height: 50px;
    border-bottom: 1px solid black; }
    .pg-tab .pg-nav .nav-item {
      float: left;
      line-height: 50px;
      text-align: center; }
      .pg-tab .pg-nav .nav-item.current {
        background-color: black;
        color: white; }
  .pg-tab .pg-page {
    position: relative;
    width: 100%;
    height: 450px; }
    .pg-tab .pg-page .page-item {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      text-align: center;
      line-height: 450px; }
      .pg-tab .pg-page .page-item.current {
        display: block; }
